<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE HTML>
<html>
<head>
<base href="<%=basePath%>">
<title>Overflow by HTML5 UP</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<script src="js/jquery.min.js"></script>
<script src="js/jquery.poptrox-2.2.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/init.js"></script>
<script src="js/shiyiTool.js"></script>
<link rel="stylesheet" href="css/skel-noscript.css" />
<link rel="stylesheet" href="css/style.css" />
</head>
<body>

	<!-- Header -->
	<section id="header">
		<header>
			<h1>Time Axis</h1>
			<p>${user.uid}</p>
		</header>
		<footer>
			<a href="#banner" class="button style2 scrolly">Proceed as
				anticipated</a>
		</footer>
	</section>

	<!-- Banner -->
	<section id="banner">
		<header>
			<h2>${timeAxis.axisTitle }</h2>
		</header>
		<p>${timeAxis.axisInfo }</p>
		<footer>
			<a href="#first" class="button style2 scrolly">Act on this Axis</a>
		</footer>
	</section>
	<!-- Feature By For -->

	<!-- timeBlade -->
	<!-- 新建一个中间bean是临时办法 -->
	<c:forEach items="${infoAxisBlades}" var="infoAxisBlade" varStatus="forStatus">
		<article id="first" class="container box style1 right">
			<a href="timeBlade.html?timeBladeId=${infoAxisBlade.timeBladeId }" 
			class="image full" ><img src="getImg.do?imgId=${infoAxisBlade.imgUUIDList[0] }" style="width: 100%;height: 100%;"/></a>
			<div class="inner">
				<header>
					<h2>
						${infoAxisBlade.timeBladeTitle }<br /> <fmt:formatDate value="${infoAxisBlade.pushDate }" pattern="yyyy-MM-dd"/>
					</h2>
				</header>
				<p style="">${infoAxisBlade.timeBladeInfo }</p>
			</div>
		</article>
	</c:forEach>
	
	


	<!-- Portfolio -->
	<article class="container box style2">
		<header>
			<h2>Shiyi Time Axis</h2>
			<p>
				Bearing your dreams and time<br />this will be the place where dreams take off.
			</p>
		</header>
		<div class="inner gallery">
			<div class="row flush">
				<c:forEach items="${infoAxisBlades}" var="infoAxisBlade" varStatus="forStatus">
					<div class="3u">
						<a href="timeBlade.html?timeBladeId=${infoAxisBlade.timeBladeId }" class="image full"><img
							src="getImg.do?imgId=${infoAxisBlade.imgUUIDList[0] }" style="height: 196.967px; width: 260px"/></a>
					</div>
					<c:if test="${forStatus.index %4 == 3 && !forStatus.last}">
						</div>
						<div class="row flush">
					</c:if>
				</c:forEach>
			</div>
		</div>
	</article>

	<section id="footer">
		<ul class="icons">
			<li><a class="icon icon-apple solo"
				href="http://ojbk.net/center/logout.do"><span>注销</span></a></li>
			<li><a class="icon icon-compass solo" onclick="modMsgPw()"><span>修改密码</span></a></li>
			<li><a class="icon icon-book solo" href="publishTime.html?axisId=${timeAxis.axisId }"></a></li>
		</ul>
		<div class="copyright">
			<p>
				Copyright © <a href="#">师易时光印记空间 - 时光轴</a> 2018. OJBK <a
					title="师易信息科技有限公司" href="http://ojbk.net/center" target="_blank">师易信息科技有限公司</a>
			</p>
		</div>
	</section>
	<script type="text/javascript">
		// initPage
		var axisId = ${timeAxis.axisId};
	</script>
	<script>
		function modMsgPw() {
			var str = prompt('请输入你的新密码:');
			if (str == '' || str == null) {
				alert('请正确进行输入。');
				return;
			}
			var msg = ajax_modMsgPw(str, axisId);
			alert(msg);
		}
	</script>
</body>
</html>